<template>
	<div id="saleProgress">
		<div class="queryPanel">
			<ul>
				<li>
					<span>航班号：</span>
					<Input/>
				</li>
				<li>
					<span>开始日期：</span>
					<DatePicker type="date" placeholder="Select date"></DatePicker>
				</li>
				<li>
					<span>结束日期：</span>
					<DatePicker type="date" placeholder="Select date"></DatePicker>
				</li>
				<li>
					<Button @click="search" class="search">查询</Button>
				</li>
			</ul>
		</div>
		<div class="main">
			<table>
				<tr>
					<th rowspan="2">起飞日期</th>
					<th rowspan="2">星期</th>
					<th rowspan="2">座位</th>
					<th rowspan="2">已售</th>
					<th colspan="6">销售详情</th>
				</tr>
				<tr>					
					<th>F</th>
					<th>J</th>
					<th>C</th>
					<th>D</th>
					<th>I</th>
					<th>O</th>
				</tr>
				<tr v-for="i in 10">
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
					<td>1</td>
				</tr>
			</table>
		</div>
	</div>
</template>

<script>
	import main from './main';
	export default {
		...main
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
	@import "./style.scss";
</style>